//全局导航栏组件
<script setup>
const props = defineProps({
  leftText: String,
  title: String,
  icon: String,
});
</script>
<template>
  <div class="nav-container">
    <up-navbar
      leftIconColor="#fff"
      color="#fff"
      :leftIconSize="25"
      :leftIcon="props.icon"
      bgColor="#17A0FC"
      v-if="props.leftText"
      :leftText="props.leftText"
      :title="props.title"
      :placeholder="true"
      :autoBack="props.icon === 'home' ? false : true"
    >
    </up-navbar>
    <up-navbar
      v-else
      leftIconColor="#fff"
      color="#fff"
      :autoBack="props.icon === 'home' ? false : true"
      :leftIconSize="25"
      :leftIcon="props.icon"
      bgColor="#17A0FC"
      :title="props.title"
      :placeholder="true"
    >
    </up-navbar>
  </div>
</template>
<style scope lang="sass">
.nav-container
    color: #fff
</style>